<template>
	<div id="app">
		<router-view v-if="isShow"></router-view>
		<el-backtop>
			<i class="el-icon-arrow-up"></i>
		</el-backtop>
<!-- 		<el-backtop :bottom="30">
		  <div style="{
		    height: 100%;
		    width: 100%;
		    background-color: #f2f5f6;
		    box-shadow: 0 0 6px rgba(0,0,0, .12);
		    text-align: center;
		    line-height: 40px;
		    color: #1989fa;
		    }">top</div>
		</el-backtop> -->

	</div>
	
</template>

<script>
	export default {
		name: 'App',
		provide() {
			return {
				reload: this.reload
			}
		},
		data() {
			return {
				isShow: true
			}
		},
		methods: {
			reload() {
				this.isShow = false
				this.$nextTick(function() {
					this.isShow = true
				})
			}
		}
	}
</script>

<style>
	#app {
		height: 100%;
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #2c3e50;
		margin-top: 10px;
	}
</style>